<script lang="ts" setup>
import { ref } from "vue";
let username = ref("zhangsan");
import AtguiguInput from "./AtguiguInput.vue";

// import Child from './Child.vue'
// defineOptions({
//   name: "index",
// });
//--================= Data

//--================= Methods

//--================= Other
</script>

<template>
  <div class="main">
    <h3>父组件</h3>
    <!-- <input type="text" v-model="username" /> -->
    <!-- <input
      type="text"
      :value="username"
      @input="username = (<HTMLInputElement>$event.target).value"
    /> -->
    <!-- V-MODEL 用在组件标签上 -->
    <!-- <el-input v-model="username"></el-input> -->
    <!-- <AtguiguInput v-model="username" /> -->
    <AtguiguInput v-model="username" />
    <!-- 
    :modelValue="username"
    @update:modelValue="username = $event" -->
  </div>
</template>

<style scoped>
.main {
  background-color: #eee;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px;
  min-height: 500px;
}
</style>
